// Theme
// -----------------------------
@use 'sass:color';
$theme-bg:                  #f8f8f8!default;
$theme-base:                black!default;
$theme-primary:             color.adjust(#fad83b, $lightness: -10%)!default;
$theme-secondary:           #0099ff!default;

// Colors
// -----------------------------
$text-dark:                 rgba($theme-base, 0.87)!default;
$text:                      rgba($theme-base, 0.67)!default;
$text-light:                rgba($theme-base, 0.57)!default;
$text-lighter:              rgba($theme-base, 0.37)!default;
$text-hint:                 rgba($theme-base, 0.37)!default;
$text-disabled:             rgba($theme-base, 0.37)!default;

$brand-info:                #3498db!default;
$brand-success:             #15db95!default;
$brand-warning:             #ff8d21!default;
$brand-danger:              #ff5d59!default;
$brand-default:             rgba($theme-base, 0.57)!default;
$brand-purple:              #9858ff!default;
$brand-pink:                #ff00f0!default;
$brand-primary:             $theme-primary!default;
$brand-secondary:           $theme-secondary!default;

// App
$border-color:              rgba($theme-base, 0.15)!default;
$link-color:                $text-dark!default;
$placeholder:               $text-hint!default;
$selection:                 rgba($theme-primary, 0.2)!default;
$input-highlight:           rgba($theme-base, 0.27)!default;

// Editor
$codemirror-hint-bg:        color.adjust($theme-bg, $lightness: -2%) !default;
$db-select-text:            white!default;
$query-editor-bg:           white!default;

// Table Editing
$row-handle-selected:       color.adjust($query-editor-bg, $lightness: -10%) !default;
$row-handle-hover:          color.adjust($query-editor-bg, $lightness: -5%) !default;
$row-highlight:             color.adjust($query-editor-bg, $lightness: -3%) !default;
$row-handle-selected:       color.adjust($query-editor-bg, $lightness: -10%) !default;
$row-add:                   #5ff3c0 !default;
$row-delete:                #FC8A87 !default;
$row-error:                 color.mix($query-editor-bg, $brand-danger, 70%) !default;

$cell-edited:               #EDDFA1 !default;
$cell-error:                $row-error !default;
$cell-success:              $row-add !default;

// Layout
$titlebar-bg:               transparent!default;
$global-sidebar-bg:         transparent!default;
$sidebar-bg:                color.adjust($theme-bg, $lightness: -3%)!default;
$sidebar-heading-bg:        $theme-bg!default;
$sidebar-list-icons:        $theme-primary !default;
$tabs-bg:                   transparent!default;
$tabs-heading:              rgba($theme-base, 0.08) !default;
$grouped-tables-base:       color.adjust($theme-bg, $lightness: 2%) !default;
$grouped-tables-light:      color.adjust($grouped-tables-base, $lightness: 2%) !default;

// Statusbar
$editor-statusbar:          rgba($theme-base, 0.035) !default;
$statusbar-bg:              rgba($theme-base, 0.1)!default;
// $statusbar-bg:             rgba($theme-primary, 0.4);
$statusbar-text:            $theme-base!default;
$statusbar-text-default:    white!default;

$tab-link:                  color.adjust($theme-bg, $lightness: -4%) !default;
$badge-bg:                  rgba($theme-base, 0.1) !default;

// Layout
// ------------------------------

// Buttons
$btn-border-radius:         8px;
$btn-border-radius-small:   6px;

// Inputs
$input-padding-h:           0;
$input-height:              26px;
$input-padding-w:           0.75rem;
$input-radius:              4px;

// Padding
$gutter-w:                  0.8rem;
$gutter-h:                  0.4rem;

// Sidebar
$sidebar-w:                 400px;
$sidebar-min-w:             300px;
$sidebar-max-w:             90%;
$sidebar-icon-w:            1.4rem;

// Query Editor
$tab-height:                2.4rem;
$tab-padding-w:             1rem;

// Statusbar
$statusbar-height:          2.6rem;




// text
$font-family: system-ui,
             -apple-system, BlinkMacSystemFont,
             "Segoe UI",
             "Roboto",
             "Oxygen",
             "Ubuntu",
             "Cantarell",
             "Fira Sans",
             "Droid Sans",
             "Helvetica Neue",
             Arial, sans-serif;
$font-family-mono: ui-monospace,
             Menlo, Monaco,
             "Cascadia Mono", "Segoe UI Mono",
             "Roboto Mono",
             "Oxygen Mono",
             "Ubuntu Mono",
             "Source Code Pro",
             "Fira Mono",
             "Droid Sans Mono",
             "Consolas", "Courier New", monospace;
